<!--  -->
<template>
  <div class="size-full pl-6 pb-6 flex flex-col justify-between">
    <ScreenBox :title="'年度计划投资项目情况'" height="29%">
      <Left1Chart></Left1Chart>
    </ScreenBox>
    <ScreenBox :title="'公共资源交易情况'" height="29%">
      <Left2Chart></Left2Chart>
    </ScreenBox>
    <ScreenBox :title="'经营主体登记情况'" height="38%">
      <Left3Chart></Left3Chart>
    </ScreenBox>
  </div>
</template>

<script setup lang="ts">
// import { ref, reactive } from 'vue'
import ScreenBox from '../box/ScreenBox.vue'
import Left1Chart from './Inner/Left1Chart.vue'
import Left2Chart from './Inner/Left2Chart.vue'
import Left3Chart from './Inner/Left3Chart.vue'
</script>
<style scoped lang="less">
/* @import url(); 引入css类 */
</style>
